<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>详情页</title>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link rel="stylesheet" type="text/css" href="css/proList.css"/>
</head>
<body><!------------------------------head------------------------------>
<div class="head">
	<div class="wrapper clearfix">
			<div class="clearfix" id="top"><h1 class="fl"><a href="index.html"><img src="img/temp/logo.png"/></a></h1>
				<div class="fr clearfix" id="top1"><p class="fl"><a href="#" id="login">登录</a><a href="#" id="reg">注册</a>
					</p>
						<form action="#" method="get" class="fl"><input type="text" placeholder="热门搜索：考研数学"/>
								<input type="button"/>
							</form>
							<div class="btn fl clearfix">
								<a href="mygxin.html"><img src="img/grzx.png"/></a>
								<a href="cart.html"><img src="img/gwc.png"/></a>
							</div>
						</div>
					</div>
					<ul class="clearfix" id="bott">
						<li><a href="index.html" class="head_bott_index">首页</a></li>
						<li><a href="teach.html">教育</a>
							<div class="sList2">
								<div class="clearfix">
									<a href="teach.html">考研数学</a>
									<a href="teach.html">考研英语</a>
								</div>
							</div>
						</li>
						<li><a href="technology.html">科技</a>
							<div class="sList2">
								<div class="clearfix">
									<a href="technology.html">计算机</a>
									<a href="technology.html">自然科学</a>
								</div>
							</div>
						</li>
						<li><a href="arts.html">人文社科</a>
							<div class="sList2">
								<div class="clearfix">
									<a href="arts.html">社会科学</a>
									<a href="arts.html">历史</a>
								</div>
							</div>
						</li>
						<li><a href="novel.html">小说</a></li>
					</ul>
				</div>
			</div>
			<!-----------------address------------------------------->
			<div class="address">
			    <div class="wrapper clearfix"><a href="index.html">首页</a><span>/</span><a>时间简史</a>
			    </div>
			</div><!-----------------------Detail------------------------------>
			<div class="detCon">
			    <div class="proDet wrapper">
			        <div class="proCon clearfix">
			            <div class="proImg fl"><img class="det" src="img/technology/时间简史.png"/>
			                <div class="smallImg clearfix"><img src="img/technology/时间简史.png"
			                                                    data-src="img/technology/时间简史.png"><img
			                        src="img/technology/时间简史.png" data-src="img/technology/时间简史.png"><img
			                        src="img/technology/时间简史.png" data-src="img/technology/时间简史.png"><img
			                        src="img/technology/时间简史.png" data-src="img/technology/时间简史.png"></div>
			            </div>
			            <div class="fr intro">
			                <div class="title"><h4>时间简史</h4>
			                    <p>【时间简史】【无理由退换货】【包邮】</p><span>￥59.90</span></div>
			                <div class="proIntro"><p>颜色分类</p>
			                    <div class="smallImg clearfix categ"><p class="fl"><img src="img/technology/时间简史.png"
			                                                                            alt="白瓷花瓶+20支快乐花"
			                                                                            data-src="img/technology/时间简史.png"></p>
			                        <p class="fl"><img src="img/technology/时间简史.png" alt="白瓷花瓶+20支兔尾巴草"
			                                           data-src="img/technology/时间简史.png"></p>
			                        <p class="fl"><img src="img/technology/时间简史.png" alt="20支快乐花" data-src="img/technology/时间简史.png">
			                        </p>
			                        <p class="fl"><img src="img/technology/时间简史.png" alt="20支兔尾巴草" data-src="img/technology/时间简史.png">
			                        </p></div>
			                    <p>数量&nbsp;&nbsp;库存<span>2096</span>件</p>
			                    <div class="num clearfix"><img class="fl sub" src="img/technology/时间简史.png"><span class="fl"
			                                                                                               contentEditable="true">1</span><img
			                            class="fl add" src="img/technology/时间简史.png">
			                        <p class="please fl">请选择商品属性!</p></div>
			                </div>
			                <div class="btns clearfix"><a href="#2"><p class="buy fl">立即购买</p></a><a href="#2"><p class="cart fr">
			                    加入购物车</p></a></div>
			            </div>
			        </div>
			    </div>
			</div>
			<div class="introMsg wrapper clearfix">
			    <div class="msgL fl">
			        <div class="msgTit clearfix"><a class="on">商品详情</a><a>所有评价</a></div>
			        <div class="msgAll">
			            <div class="msgImgs"><img src="img/technology/时间简史.png"><img src="img/technology/时间简史.png"><img
			                    src="img/technology/时间简史.png"><img src="img/technology/时间简史.png"><img src="img/technology/时间简史.png"><img
			                    src="img/technology/时间简史.png"><img src="img/technology/时间简史.png"></div>
			            <div class="eva">
			         <!-----------------评论--------------------------------->
			                <div class="per clearfix"><img class="fl" src="img/temp/per02.jpg">
			                    <div class="perR fl"><p>么***周</p>
			                        <p>在这部书中，霍金带领读者遨游外层空间奇异领域，对遥远星系、黑洞、夸克、“带味”粒子和“自旋”粒子、反物质、“时间箭头”等进行了深入浅出的介绍，并对宇宙是什么样的、空间和时间以及相对论等古老问题做了阐述，使读者初步了解狭义相对论以及时间、宇宙的起源等宇宙学的奥妙。
</p>
			                        <p><span>2021年7月17日09.30</span><span>颜色分类：大中小三件套（不含花）</span></p></div>
							</div> 
						</div>  
					</div> 
				</div>   
			    <div class="msgR fr"><h4>为你推荐</h4>
			        <div class="seeList"><a href="#">
			            <dl>
			                <dt><img src="img/technology/时间简史.png"></dt>
			                <dd>【最家】复古文艺风玻璃花瓶</dd>
			                <dd>￥193.20</dd>
			            </dl>
			        </a>
					</div>
			    </div>
		</div>
			<div class="like"><h4>猜你喜欢</h4>
			    <div class="bottom">
			        <div class="hd"><span class="prev"><img src="img/temp/prev.png"></span><span class="next"><img
			                src="img/temp/next.png"></span></div>
			        <div class="imgCon bd">
			            <div class="likeList clearfix">
			                <div><a href="proDetail.html">
			                    <dl>
			                        <dt><img src="img/technology/时间简史.png"></dt>
			                        <dd>1</dd>
			                        <dd>￥193.20</dd>
			                    </dl>
			                </a><a href="proDetail.html" class="last">
			                    <dl>
			                        <dt><img src="img/technology/时间简史.png"></dt>
			                        <dd>2</dd>
			                        <dd>￥193.20</dd>
			                    </dl>
			                </a></div>
			            </div>
			        </div>
			    </div>                 
			</div>
			<div class="msk"></div><!--footer-->
			<div class="footer">
			    <div class="top">
			        <div class="wrapper">
			            <div class="clearfix"><a href="#2" class="fl"><img src="img/foot1.png"/></a><span class="fl">7天无理由退货</span>
			            </div>
			            <div class="clearfix"><a href="#2" class="fl"><img src="img/foot2.png"/></a><span class="fl">15天免费换货</span>
			            </div>
			            <div class="clearfix"><a href="#2" class="fl"><img src="img/foot3.png"/></a><span class="fl">满599包邮</span>
			            </div>
			            <div class="clearfix"><a href="#2" class="fl"><img src="img/foot4.png"/></a><span class="fl">手机特色服务</span>
			            </div>
			        </div>
			    </div>
				<p class="dibu">雨母书城&copy;2021版权所有 <br/>
							本网站所列数据，除特殊说明，所有数据均出自我方测试</p></div>
			<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/nav.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/pro.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/cart.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript">jQuery(".bottom").slide({
							    titCell: ".hd ul",
							    mainCell: ".bd .likeList",
							    autoPage: true,
							    autoPlay: false,
							    effect: "leftLoop",
							    autoPlay: true,
							    vis: 1
			});</script>
	</body>
</html>
